<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="Shortcut Icon" href="/home/imgs/logo.ico"/>
    <title>佰傲嘉</title>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <style type="text/css">
        #map { width: 600px; height: 298px; float: left; border: 1px solid #CCC; }
    </style>

    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        (function(){
        })();
    </script>
</head>
<body>
<!--顶部banner菜单-->
<div id="banner"></div>

<!--组织架构-->
<div id="jg">
    <div id="jiagou">
        <div class="jgtitle">
            <div class="zhr"></div>
            <div class="titletxt" id="C10013">组织架构</div>
            <div class="small">ORGANIZATIONAL STRUCTURE</div>
        </div>
        <div class="jgbody">
            <div class="img" id="zzjg"></div>
        </div>
    </div>
</div>

<!--影像馆-->
<div id="yxg">
    <div id="yingxg">
        <div class="yxgtitle">
            <div class="zhr"></div>
            <div class="titletxt" id="C10014">影像馆</div>
            <div class="small">IMAGE MUSEUM</div>
        </div>
        <div class="yxgbody" id="yxgbody">
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
        </div>
        <div class="yxgbtn">
            <div class="btn" onclick="window.location.href='image.html';">查看更多 >></div>
        </div>
    </div>
</div>

<!--联系我们-->
<div id="lx">
    <div id="lianxi">
        <div class="lxtitle">
            <div class="zhr"></div>
            <div class="titletxt" id="C10015">联系我们</div>
            <div class="small">CONTACT US</div>
        </div>
        <div class="lxbody" id="lxbody">
            <div class="txt">
                <div id="gscn">
                    佰 傲 嘉（浙 江）教 育 科 技 有 限 公 司
                </div>
                <div id="gsen">
                    BIO (ZHEJIANG) EDUCATION & TECHNOLOGY CO. LTD.
                </div>
                <hr class="hr">
                <div id="gstel">
                    <div id="iconTel"></div>
                    <div class="itxt">
                        0571-56000987
                    </div>
                </div>
                <div id="gsmail">
                    <div id="iconMail"></div>
                    <div class="itxt">
                        info@bioplus.org.cn
                    </div>
                </div>
                <div id="gsaddress">
                    <div id="iconAddress"></div>
                    <div class="itxt">
                        <span id="dz01">杭州：西湖区竞舟北路89号瑞泽</span>
                        <br> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        <span id="dz02">商务中心4号楼1306室</span>
                    </div>
                </div>
            </div>
            <!--<iframe src="https://map.baidu.com/@13374567.93996829,3519299.488050197,17.78z" frameborder="0" scrolling="no"></iframe>-->
            <div id="map"></div>
        </div>
    </div>
</div>

<!--合作方式-->
<div id="hz"></div>

<!--页脚-->
<div id="foot">
    <div class="foot">
        网络备案：<a href="https://beian.miit.gov.cn" target="_blank">浙ICP备2021012406号</a>，<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010802011705" target="_blank"><img src="./imgs/gongan.png" class="inline-block">浙公网安备 33010802011705号</a> © 2021 Copyright, All Rights Reserved
    </div>
</div>

<span id="pop"></span>
</body>
</html>


<!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3&key=4a6afccb448ee271ce2f43e1715cd877"></script>-->
<script src="//webapi.amap.com/maps?v=1.3&key=4a6afccb448ee271ce2f43e1715cd877"></script>
<script type="text/javascript" src="js/body.js"></script>
<script type="text/javascript">
    var cw = document.documentElement.clientWidth;
    var ch = document.documentElement.clientHeight;
    var lng = '', lat = '';
    (function(){
        banner(7);
        viewLang(4);
        getIndex();
        hezuo();
    })();
    //获取数据
    function getIndex(){
        var formData = {};
        $.ajax({
            type: 'post',
            url: domain+'dh/about',
            data: formData,
            success: function (res) {
                res = JSON.parse(res);
                console.log(res);
                if (res.code!=0) {
                    pop({msg:res.msg}); return
                }
                var zzjg = res.data.zzjg;
                var yxg = res.data.yxg;
                var lx = res.data.contact;
                $('#zzjg').html('<img src="'+zzjg.img+'" width="1200"/>');
                $('#gscn').html(lx.cn);
                $('#gsen').html(lx.en);
                $('#tel').html(lx.tel);
                $('#email').html(lx.email);
                $('#dz01').html(lx.dizhi01);
                $('#dz02').html(lx.dizhi02);
                //联系方式
                var h = '', i;
                for (i=0; i<yxg.length; i++) {
                    h += '<div class="box">';
                    h += '<img src="'+yxg[i].img+'"/>';
                    h += '</div>';
                }
                $('#yxgbody').html(h);
//                //百度地图
//                var map = new BMap.Map("map");//创建和初始化地图函数：
//                map.centerAndZoom(new BMap.Point(lx.lng,lx.lat), 20);//中心点坐标主要必须要有中心点
//                map.enableScrollWheelZoom(true);//是否有滚轮滑动放大缩小
                //高德地图
                var map = new AMap.Map("map", {
                    zoom: 20, //设置地图显示的缩放级别
                    center: [lx.lng,lx.lat] //设置地图中心点坐标
                });
                var marker = new AMap.Marker({
                    position: new AMap.LngLat(lx.lng,lx.lat), // 经纬度对象，也可以是经纬度构成的一维数组
                    title: "佰傲嘉"
                });
                // 将创建的点标记添加到已有的地图实例：
                map.add(marker);
                map.setFitView(marker);
            },
            error: function () {
                console.log('网络错误');
            }
        });
    }
</script>